<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" style="height: 100%;width: 100%">
<head>
    <meta charset="UTF-8">
    <title>用户后台</title>
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.19.0/js/md5.js"></script>
    <script src="user.js"></script>
</head>
<body style="height: 100%;width: 100%" onload="initUser()">

<div class="layui-row" style="height: 100%;width: 100%">
    <ul class="layui-nav" >
        <li class="layui-nav-item">
            <span><b>个人中心</b></span>
        </li>
        <li class="layui-nav-item">
            <span>&nbsp;&nbsp;&nbsp;<b style="color: #56baed" th:text="'姓名:'+${name}"></b>&nbsp;&nbsp;&nbsp;</span>
        </li>
        <li class="layui-nav-item">
            <span>&nbsp;&nbsp;&nbsp;<b style="color: #56baed" th:text="'手机号码:'+${phone}"></b>&nbsp;&nbsp;&nbsp;</span>
        </li>
        <li class="layui-nav-item">
            <span>&nbsp;&nbsp;&nbsp;<b style="color: #56baed" th:if="'电子邮箱:'+${email != null}"></b>&nbsp;&nbsp;&nbsp;</span>
        </li>
    </ul>

    <div class="layui-col-md2" style="height: 100%">
        <ul class="layui-nav layui-nav-tree" lay-filter="test" style="height: 100%" >
            <li class="layui-nav-item layui-nav-itemed">
                <a onclick="initUser()">我的资产</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">理财产品</a>
                <dl class="layui-nav-child">
                    <dd><a  onclick="showStock()">股票</a></dd>
                    <dd><a onclick="showFund()">基金</a></dd>
                    <dd><a onclick="showInsure()">保险</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">银行卡</a>
                <dl class="layui-nav-child">
                    <dd><a onclick="getNewCard()">办理银行卡</a></dd>
                    <dd><a onclick="showCard()">我的银行卡</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
                <a onclick="myRecords()">消费记录</a>
            </li>
        </ul>
    </div>



    <div class="layui-col-md3" id="delete" >

    </div>



    <div id="layerDemo" style="margin-bottom: 0;display: none">
        <div class="layui-btn-container">
            <button  data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">居中弹出</button>
        </div>
    </div>

</div>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看产品描述</a>
    <a class="layui-btn layui-btn-xs" lay-event="buy">购买</a>
</script>

</body>
</html>



